﻿@model Authentication.Model.ViewModel.Account.LoginViewModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>@ViewBag.Title - Metro UI CSS : Simple responsive css framework</title>
    <meta name="description" content="Metro Admin Template.">
    <meta name="author" content="Łukasz Holeczek">
    <meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link id="bootstrap-style" href="/content/css/bootstrap.min.css" rel="stylesheet">
    <link href="/content/css/bootstrap-responsive.min.css" rel="stylesheet">

    <link id="base-style" href="/content/css/style.css" rel="stylesheet">
    <link id="base-style-responsive" href="/content/css/style-responsive.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>
    <!-- end: CSS -->


    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="/scripts/html5.js"></script>
        <link id="ie-style" href="/content/css/ie.css" rel="stylesheet">
    <![endif]-->
    <!--[if IE 9]>
        <link id="ie9style" href="/content/css/ie9.css" rel="stylesheet">
    <![endif]-->

    <!-- start: Favicon -->
    <link rel="shortcut icon" href="/content/img/favicon.ico">
    <!-- end: Favicon -->

    <style type="text/css">
        body {
            background: url(/content/img/bg-login.jpg) !important;
        }
    </style>
</head>

<body>
    <div class="container-fluid-full">
        <div class="row-fluid">

            <div class="row-fluid">
                <div class="login-box">
                    <div class="icons">
                        <h2>Login to your account</h2>
                        <a href="#"><i class="halflings-icon home"></i></a>
                        <a href="#"><i class="halflings-icon cog"></i></a>
                    </div>

                    @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-horizontal" }))
                    {
                        <div class="validation-summary alert alert-error">
                            <a class="close" data-dismiss="alert">×</a>
                            <h5 class="alert-heading">Login validate</h5>
                            @Html.AntiForgeryToken()
                            @Html.ValidationSummary()
                        </div> 
                        <fieldset>
                            <div class="input-prepend" title="Username">
                                <span class="add-on"><i class="halflings-icon user"></i></span>
                                @Html.TextBoxFor(m => m.UserName, new { @class = "input-large span10", placeholder = "type username" })
                            </div>
                            <div class="clearfix"></div>

                            <div class="input-prepend" title="Password">
                                <span class="add-on"><i class="halflings-icon lock"></i></span>
                                @Html.PasswordFor(m => m.Password, new { @class = "input-large span10", placeholder = "type password" })
                            </div>
                            <div class="clearfix"></div>

                            <label class="remember" for="IsRemember">@Html.CheckBoxFor(m => m.IsRemember) Remember me</label>

                            <div class="button-login">
                                <input type="submit" class="btn btn-primary" value="Login"></input>
                            </div>
                            <div class="clearfix"></div>
                        </fieldset> 
                    }
                    <hr>
                    <h3>Forgot Password?</h3>
                    <p>
                        No problem, @Html.ActionLink("click here", "Register") to get a new password.
				
                    </p>
                </div>
                <!--/span-->
            </div>
            <!--/row-->


        </div>
        <!--/.fluid-container-->

    </div>
    <!--/fluid-row-->

    <!-- start: JavaScript-->

    <script src="/scripts/jquery-1.9.1.min.js"></script>
    <script src="/scripts/jquery-migrate-1.0.0.min.js"></script>
    <script src="/scripts/jquery-ui-1.10.0.custom.min.js"></script>
    <script src="/scripts/jquery.ui.touch-punch.js"></script>
    <script src="/scripts/inputmask/jquery.inputmask.min.js"></script>
    <script src="/scripts/inputmask/jquery.inputmask.date.extensions.min.js"></script>
    @Scripts.Render("~/bundles/jqueryval")
    <script src="/scripts/modernizr.js"></script>
    <script src="/scripts/bootstrap.min.js"></script>
    <script src="/scripts/jquery.cookie.js"></script>
    <script src='/scripts/fullcalendar.min.js'></script>
    <script src='/scripts/jquery.dataTables.min.js'></script>
    <script src="/scripts/excanvas.js"></script>
    <script src="/scripts/jquery.flot.js"></script>
    <script src="/scripts/jquery.flot.pie.js"></script>
    <script src="/scripts/jquery.flot.stack.js"></script>
    <script src="/scripts/jquery.flot.resize.min.js"></script>
    <script src="/scripts/jquery.chosen.min.js"></script>
    <script src="/scripts/jquery.uniform.min.js"></script>
    <script src="/scripts/jquery.cleditor.min.js"></script>
    <script src="/scripts/jquery.noty.js"></script>
    <script src="/scripts/jquery.elfinder.min.js"></script>
    <script src="/scripts/jquery.raty.min.js"></script>
    <script src="/scripts/jquery.iphone.toggle.js"></script>
    <script src="/scripts/jquery.uploadify-3.1.min.js"></script>
    <script src="/scripts/jquery.gritter.min.js"></script>
    <script src="/scripts/jquery.imagesloaded.js"></script>
    <script src="/scripts/jquery.masonry.min.js"></script>
    <script src="/scripts/jquery.knob.modified.js"></script>
    <script src="/scripts/jquery.sparkline.min.js"></script>
    <script src="/scripts/counter.js"></script>
    <script src="/scripts/retina.js"></script>
    <script src="/scripts/custom.js"></script>
    <!-- end: JavaScript-->

</body>
</html>
